<template>
  <div :class="border">
    <slot></slot>
  </div>
</template>
<script setup>
import { defineProps } from "vue";
const props = defineProps({
  border: {
    type: String,
    default: "primary",
  },
});
</script>
<style scoped>
.primary {
  border: 1px solid #409eff;
}
.success {
  border: 1px solid #67c23a;
}
.warning {
  border: 1px solid #e6a23c;
}
.danger {
  border: 1px solid #f56c6c;
}
</style>
